Poster Process
Project Description
Choosing the Content Package
- I skimmed the content packages and picked the Through Post-Atomic Eyes package.
- Keywords: Lens, Nuclear, Atom
- I think can create interesting results
- A clear theme for the web
- Speakers List
- I think can play with the interactive elements with so many names
- Keywords: Lens, Nuclear, Atom
Research
<!—Content—>
Through Post-Atomic Eyes
Through Post-Atomic Eyes brings together an interdisciplinary
group of artists and scholars to explore the complex legacy of the
atomic age in contemporary art and culture.
In what ways do photography and other lens-based art practices shed light on this legacy in the 21st century, and how has atomic culture shaped contemporary intersections of photography, nuclear industries, and military techno-cultures?
Join us as we explore some of the most urgent issues of our time, from
climate change and the Anthropocene to surveillance culture and the
advent of drone warfare, through a post-atomic lens.

- photography has its own language, independent of words
- Provoke argued that the photographer can capture what cannot be
expressed in words, presenting photographs as "documents" for others to
read. In Japanese, the visual style of the photographs in
Provoke has been described as: 'are-bure-boke', which translates as 'grainy/rough, blurry, out-of-focus'.
The features of this style can be listed: fragmentariness, a sense of
speed, images appearing to be damaged, wildness, traces, a sense of
unbalance, printing failures, time-lapse, scraps of negatives, scenes
that come out of the dark only through the flash, no viewfinder etc.
These are all expressions of a kind of ‘
subtraction’, a means to erase
the photographer’s self, his thoughts, subjective expressions and
intentions. In other words, the photographs try to not see, not to think and not to choose […] To Moriyama, grainy, blurry, out-of-focus was an important method of deletion, but only in order to show the real world as it was. In other words, grainy, blurry, out-of-focus reveals the scars left after the membrane of the fake reality has been taken off in order to hollow out the ‘real’ existence. This real world, then, is expressed through violence towards the photographs. The more real the photographs are, the more scars they have, the more they are worn away. The real world can only appear if the usual world disappears.–
Minoru Shimizu, Grainy, Blurry, Out-of-Focus: Daido Moriyama's 'Farewell Photography
“One way in which photography and lens-based art have addressed the legacy of the atomic age is by documenting the physical and environmental effects of nuclear testing and disasters. Photographers have captured the aftermath of nuclear bombings in Hiroshima and Nagasaki, as well as the environmental devastation caused by nuclear accidents such as the Chernobyl and Fukushima disasters. These images serve as powerful reminders of the destructive power of nuclear technologies and their long-lasting impact on communities and ecosystems.
Furthermore, lens-based art practices have also been used to explore the psychological and cultural impact of living in the atomic age. Artists have used photography and video art to depict the fear and anxiety surrounding the threat of nuclear warfare, as well as the ways in which nuclear technologies have shaped popular culture and collective memory. These works often highlight the complex and contradictory attitudes towards nuclear power, from its association with progress and modernity to its potential for mass destruction.”
Generated by Chat GPT 3.5

Toronto, October 23-25
Schedule at a glance
- Friday 23 October, 9 am to 6:30 pm: Panel presentations at OCAD University, 100 McCaul Street (main auditorium)
- Saturday 24 October, 9 am to 6 pm: Panel presentations at Northrop Frye 003, Victoria College, University of Toronto
- Saturday 24 October, 6 to 8 pm: Public reception at Alumni Hall, Victoria College, University of Toronto
- Sunday 25 October, 10 am to 12 pm: Graduate workshop at OCAD University, 100 McCaul Street (by registration only)
- Sunday 25 October, 4 - 6 pm: Through Post-Atomic Eyes:
Catastrophe and Armageddon in Artists’ Films. Special screening at
Jackman Hall, Art Gallery of Ontario
Speakers
- Karen Barad
- Iain Boal
- James Bridle
- Eric Cazdyn
- Robert Del Tredici
- Matthew Farish
- Blake Fitzpatrick
- Derek Gregory
- Kyo Maclear
- Joseph Masco
- Karla McManus
- Rehab Nazzal
- Public Studio
- Julie Salverson
- Susan Schuppli
- Charles Stankievech
- Kate Steinmann
- Peter C. Van Wyck
- Eyal Weizman
Free and open to the public
Conference Organizers
- Claudette Lauzon, OCAD University
- John O’Brian, The University of British Columbia
Visual Research


Concept
PP Fragment is born from vintage lettering and signs, bridging 19th-century letterforms and contemporary typography






- at first i wanted to make the curser like this: so that when it hovers on the red spot, it looks like a target (shooting that relates to war; and focal point that relates to photography)
- but i worked on the project so slowly and didn’t apply in the end

- the viewfinder: photography & lens-baased art, layout referencing to post familiar wine


- continue with the viewfinder, the different dots direct to the details
- i tried to make the details stay on the same page (not as another html link) but that involves js, so I took some time to figure it out (but failed 😅)
Challenges
- managing the types because they are all in the same family, but got many files
- couldn’t make the extra-bold effect → but just add a CSS rule stating extra bold is ok
- 100vh doesn’t equal to screen size :O
- trying to make the web responsive: at first I use absolute positioning, but have to change to vw/vh and repositioning the elements again
References
https://www.pagecloud.com/blog/how-to-add-custom-fonts-to-any-website
https://stackoverflow.com/questions/73599621/css-remove-the-bounce-effect
https://theme.co/forum/t/change-font-style-mid-sentence/61566/2
https://dev.to/suprabhasupi/css-box-shadow-2c5e
https://stackoverflow.com/questions/1137517/how-to-position-absolute-inside-a-div
https://medium.com/developer-rants/what-if-height-100vh-is-bigger-than-your-screen-7f39c62ac170
https://www.w3schools.com/cssref/pr_dim_line-height.php
https://www.scaler.com/topics/how-to-link-to-a-specific-part-of-a-page-html/